<!DOCTYPE html><html>
<head>
	<meta charset="utf-8">
	<title>{{title}} | Hydra Paste</title>
% for css in stylesheets:
	<link rel="stylesheet" href="/static/{{css}}">
% end  # (for)
% for script in scripts:
	<script src="/static/js/{{script}}"></script>
% end  # (for)
	<meta name="viewport" content="width=device-width; initial-scale=1">
	<link rel="stylesheet" href="/static/pure-min-0.6.0.css">
	<!--[if lte IE 8]>
		<link rel="stylesheet" href="/static/grids-responsive-old-ie-min-0.6.0.css">
	<![endif]-->
	<!--[if gt IE 8]><!-->
		<link rel="stylesheet" href="/static/grids-responsive-min-0.6.0.css">
	<!--<![endif]-->
	<link rel="stylesheet" href="/static/global-0007.css">
	<meta name="description" content="Hydra Paste, a Libre, Open Source Paste service">
% # opengraph stuff
	<meta property="og:site_name" content="Hydra Paste">
	<meta property="og:image" content="{{og_image}}">
	<meta property="og:title" content="{{title}}">
% # twitter cards
% if card_type == 'summary':
	<meta name="twitter:card" content="summary">
	<meta name="twitter:site" content="@hydrapaste">
	<meta name="twitter:title" content="{{title}}">
	<meta name="twitter:description" content="View this paste on Hydra Paste.">
% elif card_type == 'text':  # text pastes
	<meta name="twitter:card" content="summary">
	<meta name="twitter:site" content="@hydrapaste">
	<meta name="twitter:title" content="{{title}}">
	<meta name="twitter:description" content="{{open(file_internal_src, 'rt').read(200).rstrip()}}">
	<meta name="twitter:url" content="paste.hydra.ws/p/{{short_key}}">
% elif card_type == 'photo':  # image pastes
	<meta name="twitter:card" content="photo">
	<meta name="twitter:site" content="@hydrapaste">
	<meta name="twitter:title" content="{{title}}">
	<meta name="twitter:description" content="View this paste on Hydra Paste.">
	<meta name="twitter:image" content="http://images.weserv.nl/?h=375&amp;w=435&amp;q=90&amp;url=paste.hydra.ws{{file_external_src}}">
	<meta name="twitter:url" content="paste.hydra.ws/p/{{short_key}}">
% end  # (if)
</head>
<body>
	<div class="custom-wrapper pure-g" id="menu">
		<div class="pure-u-1 pure-u-md-1-3">
			<div class="pure-menu">
				<a href="/" class="pure-menu-heading custom-brand">Hydra Paste</a>
				<a href="#" class="custom-toggle" id="toggle"><s class="bar"></s><s class="bar"></s></a>
			</div>
		</div>
		<div class="pure-u-1 pure-u-md-1-3 ">
			<div class="pure-menu pure-menu-horizontal custom-can-transform center-banner">
				<ul class="pure-menu-list">
					<li class="pure-menu-item"><a href="/upload" class="pure-menu-link">New Paste</a></li>
					<li class="pure-menu-item"><a href="/doc" class="pure-menu-link">Docs</a></li>
				</ul>
			</div>
		</div>
		<div class="pure-u-1 pure-u-md-1-3">
			<div class="pure-menu pure-menu-horizontal custom-menu-3 custom-can-transform">
				<ul class="pure-menu-list">
% if username:
					<li class="pure-menu-item"><a href="/user" class="pure-menu-link">My Pastes</a></li>
					<li class="pure-menu-item"><a href="/logout" class="pure-menu-link">Logout</a></li>
% else:
					<li class="pure-menu-item"><a href="/login" class="pure-menu-link">Login</a></li>
					<li class="pure-menu-item"><a href="/register" class="pure-menu-link">Sign Up</a></li>
% end  # (if)
				</ul>
			</div>
		</div>
	</div>
